<template>
  <div class="user-avatar" @click="$emit('sidebar')">
    <img class="user-img" :src="imgUrl"/>
  </div>
</template>

<script>
export default {
  name: 'Avatar',
  props: {
    imgUrl: String
  }
}
</script>

<style lang="stylus" scoped>
  .user-avatar
    width: .4rem
    height: 0.4rem
    border-radius: 50%
    overflow: hidden
    .user-img
      width: 100%
</style>
